<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{margin:0px;padding:0px;font-size: 12px;color:#999}
        a{text-decoration:none}
        li{list-style:none}
        img{border:0px}
        .div0{width:350px;height:430px;border: 1px #000 solid;margin:40px auto;}
        .div1{background: url(./img/01.png) no-repeat 10% 50%;height:40px;
        line-height: 40px;background-color:rgba(224, 21, 116, 0.287);padding-left:55px;}
        .div2{padding:20px 0px;border-bottom: 1px solid #999;}
        .div3{padding:18px 20px;}
        #an{border: 1px solid #999;width:260px;height:40px;font-size: 20px;background: url(./img/02.png) no-repeat 0% 50%;padding-left: 50px;}
        #an1{border: 1px solid #999;margin:25px 0px;width:260px;height:40px;font-size: 20px;background: url(./img/03.png) no-repeat 0% 50%;padding-left: 50px;}
        #an2{margin:35px 0px;;width:310px;height:30px;font-size:20px;color:#fff;background-color:rgba(255, 0, 0, 0.685);}
        .div3 h3{float:right;}
        .div4{padding:10px;background-color:rgba(224, 21, 116, 0.287) ;border-top: 1px solid #999;}
        .qq{background:url(./img/04.png) no-repeat 0% 50%;padding-left:30px;}
        .wx{background:url(./img/05.png) no-repeat 0% 50%;padding-left:30px;}
        .zc{background:url(./img/06.png) no-repeat 0% 50%;padding-left:30px;float:right;}
    </style>
</head>
<body>
        <div class="div0">
            <div class="div1">京东不会以任何理由要求你转账汇款,谨防咋骗。</div>
            <div class="div2">
                <p style="float:left;width:175px;border-right:0.5px solid #999;text-align:center;font-size:18px;">扫码登陆</p>
                <h1 style="font-size:18px;margin-left:100px;color:red;text-align: center;">帐号登录</h1>
            </div>
            <div class="div3">
                <input type="text" id="an" placeholder="用户名/邮箱/手机号" />
                <input type="password" id="an1" placeholder="密码" />
                <h3>忘记密码</h3>
                <input type="button" id="an2" value="登&nbsp;&nbsp;&nbsp;陆" />
            </div>
            <div class="div4">
                <span class="qq"><i>QQ</i></span>
                <span>丨</span>
                <span class="wx"><i>微信</i>></span>
                <span class="zc"><i>立即注册</i></span>
            </div>
        </div>
        
</body>
<script>
    
</script>
</html>